<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <link rel="stylesheet" href="css/hongbao.css" />
    <link rel="stylesheet" href="css/pgwmodal.min.css">
</head>

<body>
    <div class="main">
        <div class="redEnvelope">
            <div class="normalPart">
                <div class="moneyWrapper">
                    <p>代金券</p>
                    <span id="money">15</span>
                    <em>元</em>
                </div>
                <form>
                    <input id="phoneText" name="phone" type="text" placeholder="输入手机号，赢取大礼">
                    <input id="receiveBtn" type="submit" class="disable" value="领取新人红包">  
                </form>
            </div>
            <div class="successPart" style="display:none">
                <div class="resultWrapper">
                    <p id="result">ajax成功与否返回的message</p>
                    <div class="resultDetail">
                        <span>15</span>元代金券已放入账号
                        <p id="successPhoneNumer"></p>
                    </div>
                    <input id="seeMoney" class="clickable" value="查看新人红包" type="button">
                    <p class="tip">同一个用户仅限领取一次新人红包</p>
                </div>
            </div>
        </div>
        <p class="ruleLinkWrapper"><a id="ruleLink" href="javascript:;">活动详情&gt;</a></p>
    </div>
    <div class="foot">
        <div class="detailBox">
            <div class="normalPart">
                <p class="phone">
                    客服电话 : 400-309-755
                <p>
            </div>
            <div class="successPart" style="display:none">
                <div class="explain">
                    <p>如果代金券未到帐</p>
                    <p>客服电话 : 400-309-755<p>
                </div>
            </div>
        </div>
    </div>

    <div id="modalContent" style="display: none;">
        <p>1、领取新人红包即可在唯票网（www.vipiao.com）中使用</p>
        <p> 2、此代金券有效期至<span>2018年12月30日</span>，每个用户输入手机号后均可领取，每个用户（手机号）限领一次</p>
        <p> 3、领取成功后的代金券会直接充值到对应的唯票网个人账户中，用户凭手机号注册账户即可在唯票网“个人中心—我的优惠”中查看</p>
        <p> 4、由于领取人数多，可能出现代金券未及时到账的情况我们将自动在一天内补发</p>
    </div>

    <script src="js/zepto.min.js"></script>
    <script src="js/pgwmodal.min.js"></script>
    <script src="js/hongbao.js"></script>
</body>
</html>